<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<h3>Account Information</h3>

<table>
	<tr>
		<td>First name:</td>
		<td><label>
			<input type="text" name="firstName" value="${sessionScope.account.firstName}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Last name:</td>
		<td><label>
			<input type="text" name="lastName" value="${sessionScope.account.lastName}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Email:</td>
		<td><label>
			<input type="text" size="40" name="email" value="${sessionScope.account.email}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Phone:</td>
		<td><label>
			<input type="text" name="phone" value="${sessionScope.account.phone}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Address 1:</td>
		<td><label>
			<input type="text" size="40" name="address1" value="${sessionScope.account.address1}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Address 2:</td>
		<td><label>
			<input type="text" size="40" name="address2" value="${sessionScope.account.address2}" required/>
		</label></td>
	</tr>
	<tr>
		<td>City:</td>
		<td><label>
			<input type="text" name="city" value="${sessionScope.account.city}" required/>
		</label></td>
	</tr>
	<tr>
		<td>State:</td>
		<td><label>
			<input type="text" size="4" name="state" value="${sessionScope.account.state}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Zip:</td>
		<td><label>
			<input type="text" size="10" name="zip" value="${sessionScope.account.zip}" required/>
		</label></td>
	</tr>
	<tr>
		<td>Country:</td>
		<td><label>
			<input type="text" size="15" name="country" value="${sessionScope.account.country}" required/>
		</label></td>
	</tr>
</table>

<h3>Profile Information</h3>

<table>
	<tr>
		<td>Language Preference:</td>
		<td><label>
			<select name="languagePreference">
				<option value="english"
						<c:if test="${account.languagePreference == 'english'}">selected="selected"</c:if>>English
				</option>
				<option value="japanese"
						<c:if test="${account.languagePreference == 'japanese'}">selected="selected"</c:if>>Japanese
				</option>
			</select>
		</label>
		</td>
	</tr>
	<tr>
		<td>Favourite Category:</td>
		<td>
			<label>
				<select name="favoriteCategory">
					<option value="FISH"
							<c:if test="${account.favouriteCategoryId == 'FISH'}">selected="selected"</c:if>>Fish
					</option>
					<option value="DOGS"
							<c:if test="${account.favouriteCategoryId == 'DOGS'}">selected="selected"</c:if>>Dogs
					</option>
					<option value="REPTILES"
							<c:if test="${account.favouriteCategoryId == 'REPTILES'}">selected="selected"</c:if>>Reptiles
					</option>
					<option value="CATS"
							<c:if test="${account.favouriteCategoryId == 'CATS'}">selected="selected"</c:if>>Cats
					</option>
					<option value="BIRDS"
							<c:if test="${account.favouriteCategoryId == 'BIRDS'}">selected="selected"</c:if>>Birds
					</option>
				</select>
			</label>
		</td>
	</tr>
	<tr>
		<td>Enable MyList</td>
		<td><label>
			<input type="checkbox" name="listOption" value="1"
				   <c:if test="${account.listOption}">checked="checked"</c:if>/>
		</label></td>
	</tr>
	<tr>
		<td>Enable MyBanner</td>
		<td><label>
			<input type="checkbox" name="bannerOption" value="1"
				   <c:if test="${account.bannerOption}">checked="checked"</c:if>/>
		</label></td>
	</tr>

</table>
